<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>27题1~10000所有质数</title>
    <style>
        div {
            width: 100%;
            
        }
        span {
            display: block;
            width: 100%;
        }
    </style>
    <script>
        function getPerfectNumber() {
            let numStr = "";
            let count = 0;
            for (let i = 2; i <= 10000; i++) {
                let n = i;
                let arr = [];   //保存所有约数
                for (let j = 2; j <= n; j++) {
                    if (n % j === 0) {
                        arr.push(j);
                    }
                }
                if (arr.length === 1) {
                    numStr += i + ',';
                    count++;
                    if (count % 20 === 0) {
                        numStr += '<br>';
                    }
                }
            }
            
            let p = document.getElementById('sum');
            p.innerHTML = '1~10000之间所有的质数：' + numStr;
        }

        // 此种方法不可自动换行，css中已设置span宽度
        function getZhiShu() {
            let nameArr = [];
            for (let i = 2; i <= 10000; i++) {
                let n = i;
                let arr = [];   //保存所有约数
                for (let j = 2; j <= n; j++) {
                    if (n % j === 0) {
                        arr.push(j);
                    }
                }
                if (arr.length === 1) {
                    nameArr.push(i);
                }
            }
            
            let p = document.getElementById('sum');
            // p.innerHTML = '1~10000之间所有的质数：' + nameArr.toString();  此处使用toString()方法得到的字符串，被认定为”一个“完整的单词，所以不会进行换行
            // 使用.join方法，即可
            let str = nameArr.join(',');
            p.innerHTML = '1~10000之间所有的质数：' + str;
        }
    </script>
</head>
<body>
    <div>
        <p>
            点击按钮查看1~10000之间所有的质数<input type="button" value="查看" onclick="getZhiShu()">
        </p>
        <span id="sum">1~10000之间所有的质数：</span>
    </div>
</body>
</html>